<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
            xmlns:h="http://java.sun.com/jsf/html"
            xmlns:f="http://java.sun.com/jsf/core"
            xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:p="http://primefaces.org/ui">
    <body>
        <ui:composition template="/WEB-INF/templates/template.xhtml">     
        <style type="text/css">
            .ui-datepicker{ font-size: 9pt;} .ui-button{font-size: 12pt;}
            .ui-tabs{font-size: 12px;} .ui-tabs-panel{font-size: 12px;} .ui-tabs-panel{font-size: 12px;} 
            .ui-toolbar-group-left{font-size: 12px} 
            .ui-datatable .ui-datatable-header {
                        text-align: left;
                    }
        </style>
        <ui:define name="toolbar"> 
            <h:form id="formToolbarUnidadMedida" >
                <p:panel  id="unidadmedidaToolbarPanel" visible="true" closeSpeed="300" closable="true" closeTitle="Cerrar" header="Gestión de UnidadMedidas: nombre del componente ingreso consulta"  style="font-size: 12px; border-width: 0px">

                    <p:toolbar  id="toolOpcionesUnidadMedida" >
                        <p:toolbarGroup align="left" >
                            <p:commandButton id="botonNuevoUnidadMedida" update=":formDialogoIngresarUnidadMedida" oncomplete="dialogoIngresoUnidadMedida.show()"  type="push" title="Nuevo Tipo de UnidadMedida" icon="ui-icon-document" />
                            <p:separator />                            
                            <p:commandButton id="botonModificarUnidadMedida" type="push" title="Actualizar Tipo de UnidadMedida" icon="ui-icon-arrowrefresh-1-w" actionListener="#{unidadmedidaWeb.clicBotonModificarUnidadMedida()}" update=":formDialogoModificarUnidadMedida"  oncomplete="dialogoModificarUnidadMedida.show()" />                
                            <p:commandButton type="push" title="Eliminar Tipo de UnidadMedida" icon="ui-icon-trash" oncomplete="dialogoEliminarUnidadMedida.show()" />                  
                            <p:separator  />
                            <p:commandButton  ajax="false" type="push" title="Imprimir" icon="ui-icon-print" />
                        </p:toolbarGroup>
                    </p:toolbar>

                </p:panel>
            </h:form>                  
        </ui:define>      
        <ui:define name="body">
            <p:panel id="panelConsultarUnidadMedida"  style="font-size: 12px; border-width: 0px">                   
                <p:tabView orientation="top" style=" top: 14px;position: absolute; width: 97%" >
                    <p:tab id="tabUnidadMedida" title="Unidad de Medida (#{unidadmedidaWeb.tablaDatosUnidadMedida.size()} coincidencias)"  titleStyle="font-size: 12px;"   >
                        <h:panelGrid columns="1" cellpadding="1"  >
                            <h:form id="formTablaConsultarUnidadMedida" >
                                <p:dataTable  id="tablaConsultarUnidadMedida" var="consultarUnidadMedida" value="#{unidadmedidaWeb.tablaDatosUnidadMedida}" widgetVar="tablaConsultarUnidadMedida" 
                                              emptyMessage="Búsqueda finalizada, no existe unidad de medida con los criterios de búsqueda ingresados" resizableColumns="false" paginator="true" rows="10"  
                                              rowsPerPageTemplate="5,10,20,100" selectionMode="single" selection="#{unidadmedidaWeb.unidadMedidaSeleccionado}" rowKey="#{consultarUnidadMedida.codUnidadMedida}"       >
                                    <p:ajax  event="rowSelect" listener="#{unidadmedidaWeb.eventoFilaSeleccionadaTablaConsultarUnidadMedida()}" process="@this" update=":formDialogoEliminarUnidadMedida" /> 
                                    <p:column id="columnaCodUnidadMedida" sortBy="#{consultarUnidadMedida.codUnidadMedida}" filterBy="#{consultarUnidadMedida.codUnidadMedida}" headerText="Codigo"  style="width:25%" >
                                        <h:outputText value="#{consultarUnidadMedida.codUnidadMedida}"  />
                                    </p:column>
                                    <p:column id="columnaNombreUniMedida" sortBy="#{consultarUnidadMedida.nombreUniMedida}" filterBy="#{consultarUnidadMedida.nombreUniMedida}" headerText="Unidad de Medida"  style="width:100%" >
                                        <h:outputText value="#{consultarUnidadMedida.nombreUniMedida}"  />
                                    </p:column>
                                    <p:column id="columnaAbreviatura" sortBy="#{consultarUnidadMedida.abreviatura}" filterBy="#{consultarUnidadMedida.abreviatura}" headerText="Abreviatura"  style="width:25%" >
                                        <h:outputText value="#{consultarUnidadMedida.abreviatura}"  />
                                    </p:column>
                                    <f:facet  name="footer" >
                                        <p:commandButton  id="botonMostrarDatosUnidadMedida" type="push" actionListener="#{unidadmedidaWeb.mostrarDatosDialogoDatosUnidadMedida()}" update=":formDialogoDatosUnidadMedida,:formDialogoDatosUnidadMedida:tablaDatosUnidadMedidaDialogo"  oncomplete="dialogoConsultaUnidadMedida.show()" value="Mostrar Datos" icon="ui-icon-search"     />
                                    </f:facet>
                                 </p:dataTable>
                            </h:form>
                        </h:panelGrid>
                    </p:tab>
                </p:tabView>                         
            </p:panel>            
            </ui:define>
            <ui:define name="dialogos" >
            <!--Dialogo para ver toda la informacion relacionada con el unidadmedida -->                
            <h:form id="formDialogoDatosUnidadMedida">
                <p:dialog id="DialogoDatosUnidadMedida" header="Datos de la UnidadMedida:" widgetVar="dialogoConsultaUnidadMedida" resizable="false"  
                            modal="true" style="font-size: 12px"> 
                    <h:panelGrid columns="2" cellpadding="0" style="alignment-adjust: middle">                            
                            <p:dataTable id="tablaDatosUnidadMedidaDialogo" value="#{unidadmedidaWeb.datosUnidadMedidaSeleccionado}" var="datosSeleccionado" >                                
                                <p:column  style="text-align: right; font-weight: bold">                                    
                                    <h:outputText value="#{datosSeleccionado.substring(0, 24)}" style="font-size: 12px" />                                 
                                </p:column>
                                <p:column  >                                    
                                    <h:outputText value="#{datosSeleccionado.substring(24)}" style="font-size: 12px" />                                 
                                </p:column>                                                                    
                            </p:dataTable>   
                    </h:panelGrid> 
                    <p:separator/>
                    <p:commandButton value="Cerrar" type="button" onclick="dialogoConsultaUnidadMedida.hide()"/>
                </p:dialog>
            </h:form>    
            <!--Ingreso UnidadMedida -->
            <h:form id="formDialogoIngresarUnidadMedida">
                <p:dialog id="DialogoIngresarUnidadMedida" header="Ingreso de Nueva Unidad de Medida:" widgetVar="dialogoIngresoUnidadMedida" resizable="false" closable="false"  
                          modal="true" style="font-size: 12px">
                    <h:panelGrid columns="2" >
                        <p:panel style="width: 99px; height: 135px; ">
                            <h:outputText style="vertical-align: middle;text-align: right; height: 20px; width: 95px;left: 20px; top: 25px; position: absolute ; font-size: 12px" value=" Código:"/>
                            <h:outputText style="vertical-align: middle;text-align: right; height: 20px; width: 95px;left: 20px; top: 52px; position: absolute; font-weight: bold; font-size: 12px "  value="* Unidad de Medida:"/>                    
                            <h:outputText style="vertical-align: middle;text-align: right; height: 20px; width: 95px;left: 20px; top: 85px; position: absolute; font-weight: bold; font-size: 12px "  value="* Abreviatura:"/>
                        </p:panel>
                        <p:panel style="width: 255px; height: 100px; border-width: 0px" >
                            <p:inputText id="textCodUnidadMedida" disabled="true" style="width: 150px; font-size: 12px;left: 124px; top: 20px; position: absolute ; "/>
                            <p:inputText id="textNombreUniMedida" requiredMessage="Ingrese el nombre de unidad de medida" style="width: 235px; font-size: 12px;left: 124px; top: 50px; position: absolute; "/>
                            <p:inputText id="textAbreviatura" requiredMessage="Ingrese la abreviatura" style="width: 150px; font-size: 12px;left: 124px; top: 80px; position: absolute; "/>                             
                            <p:separator style="left: 124px; top: 105px; position: absolute; width: 245px" />
                            <p:commandButton id="botonIngresarNuevaUnidadMedida" ajax="false" type="Submit" value="Guardar" actionListener="#{unidadmedidaWeb.clicBotonIngresarUnidadMedida()}"  update=":formTablaConsultarUnidadMedida" style="font-size: 12px ;left: 124px; top: 118px; width: 120px; position: absolute" icon="ui-icon-disk"/>
                            <p:commandButton id="botonCancelarIngresarNuevaUnidadMedida" value="Cancelar" type="push"       actionListener="#{unidadmedidaWeb.clicBotonResetearIngresarUnidadMedida()}"  update=":panelConsultarUnidadMedida" oncomplete="dialogoIngresoUnidadMedida.hide()" style="font-size: 12px ;left: 250px; top: 118px; position: absolute; width: 120px" icon="ui-icon-close" />
                        </p:panel>
                    </h:panelGrid>
                </p:dialog> 
            </h:form> 
            <!--Modificacion UnidadMedida --> 
            <h:form id="formDialogoModificarUnidadMedida">
                <p:dialog id="DialogoModificarUnidadMedida" header="Modificación de Unidad de Medida:" widgetVar="dialogoModificarUnidadMedida" resizable="false" closable="false"  
                          modal="true" style="font-size: 12px">
                    <h:panelGrid columns="2" >
                        <p:panel style="width: 99px; height: 135px; ">
                            <h:outputText style="vertical-align: middle;text-align: right; height: 20px; width: 95px;left: 20px; top: 25px; position: absolute ; font-size: 12px" value="Código:"/>
                            <h:outputText style="vertical-align: middle;text-align: right; height: 20px; width: 95px;left: 20px; top: 52px; position: absolute; font-weight: bold; font-size: 12px "  value="* Unidad de Medida:"/>                    
                            <h:outputText style="vertical-align: middle;text-align: right; height: 20px; width: 95px;left: 20px; top: 85px; position: absolute; font-weight: bold; font-size: 12px "  value="* Abreviatura:"/>
                        </p:panel>
                        <p:panel style="width: 255px; height: 100px; border-width: 0px" >
                            <p:inputText id="textCodUnidadMedidaModificar" disabled="true" style="width: 150px; font-size: 12px;left: 124px; top: 20px; position: absolute ; "/>
                            <p:inputText id="textNombreUniMedidaModificar" requiredMessage="Ingrese el nombre de unidad medida" style="width: 235px; font-size: 12px;left: 124px; top: 50px; position: absolute; "/>
                            <p:inputText id="textAbreviaturaModificar" requiredMessage="Ingrese la abreviatura" style="width: 150px; font-size: 12px;left: 124px; top: 80px; position: absolute; "/>                             
                            <p:separator style="left: 124px; top: 105px; position: absolute; width: 245px" />
                            <p:commandButton id="botonActualizarDatosUnidadMedida" ajax="false" type="Submit" value="Actualizar" actionListener="#{unidadmedidaWeb.clicBotonActualizarDatosUnidadMedida()}"  update=":formTablaConsultarUnidadMedida" style="font-size: 12px ;left: 124px; top: 118px; width: 120px; position: absolute" icon="ui-icon-disk"/>
                            <p:commandButton id="botonCancelarActualizarDatosUnidadMedida" value="Cancelar" type="push"       actionListener="#{unidadmedidaWeb.clicBotonResetearIngresarUnidadMedida()}"  update=":panelConsultarUnidadMedida" oncomplete="dialogoModificarUnidadMedida.hide()" style="font-size: 12px ;left: 250px; top: 118px; position: absolute; width: 120px" icon="ui-icon-close" />
                        </p:panel>
                    </h:panelGrid>
                </p:dialog> 
            </h:form> 
            <!--Eliminacion UnidadMedida -->    
            <h:form id="formDialogoEliminarUnidadMedida"> 
                <p:confirmDialog message="Seguro desea eliminar la siguiente Unidad de Medida:" header="Eliminación de UnidadMedidas" severity="alert" 	
                     widgetVar="dialogoEliminarUnidadMedida" closable="false"  style="font-size: 12px">       
                    <h:panelGrid columns="2" cellpadding="1" > 
                        <h:outputText value="Unidad de Medida:" style="font-size: 12px; font-weight: bold"/>
                        <h:outputText value="#{unidadmedidaWeb.unidadMedidaActualizarDatos.codUnidadMedida}" style="font-size: 12px; font-weight: bold"/>            
                        <h:outputText value="" style="font-size: 12px; color: white"/>
                        <h:outputText value="#{unidadmedidaWeb.unidadMedidaActualizarDatos.nombreUniMedida}" style="font-size: 12px; font-weight: bold"/>            
                        <h:outputText value="" style="font-size: 12px; color: white"/>            
                        <h:outputText value="#{unidadmedidaWeb.unidadMedidaActualizarDatos.abreviatura}" style="font-size: 12px; font-weight: bold"/>
                        <h:outputText value="" style="font-size: 12px; color: white"/>                        
                    </h:panelGrid>
                    <p:separator  style="height: 0px" />
                    <p:commandButton ajax="false" value="Eliminar" actionListener="#{unidadmedidaWeb.clicBotonEliminarUnidadMedida()}"  oncomplete="dialogoEliminarUnidadMedida.hide()" process="@all" update="@all" style="font-size: 12px" />
                    <p:commandButton value="Cancelar" onclick="dialogoEliminarUnidadMedida.hide()" type="button" process="@none" update="@none" style="font-size: 12px" />         
              </p:confirmDialog>    
          </h:form>                   
            </ui:define>
        </ui:composition>
    </body>
</html>